<template>
	<view class="details">
		<swiper class="swiper" :indicator-dots="false" :autoplay="false" :interval="3000" :duration="1000">
			<swiper-item>
				<view class="swiper-item">
					<image :src="info.image" mode="aspectFit"></image>
				</view>
			</swiper-item>
		</swiper>
		
		<view class="text">
			<view class="color333 fs-36 bold">{{ info.real_name }}</view>
			<view class="color888 fs-32 mt20">性别：{{ info.sex?'男':'女' }}</view>
			<view class="bor-bot mt20"></view>
			<view class="mt20 acea-row row-middle">
				<view class="tag"></view>
				<view class="fs-36 color333 ml20">个人简介</view>
			</view>
			<view class="line-h mt20">
				{{ info.resume }}
			</view>
			<view class="bor-bot mt20"></view>
			<view class="acea-row row-middle mt20">	
				<view class="tag"></view>
				<view class="fs-36 color333 ml20">功能介绍</view>
			</view>
			<view class="line-h mt20">
				{{ info.content }}
			</view>
		</view>
		
		<view class="acea-row row-middle row-center lianxi" @click="makePhone(info.phone)">
			<text class="iconfont icon-dianhuatianchong"></text>
			<text class="ml10">联系管家</text>
		</view>
		<view style="width: 100%;height: 50rpx;"></view>
		
	</view>
</template>

<script>
	import{
		guanjiaDetails
	} from '@/api/admin.js'
	export default {
		data() {
			return {
				id:'',
				info:[],
				
			};
		},
		onLoad(option) {
			this.id = option.id;
			this.getdetail();
		},
		methods:{
			getdetail(){
				guanjiaDetails({ id: this.id }).then(res=>{
					this.info = res.data.data;
				})
			},
			makePhone(phone){
				uni.makePhoneCall({
					phoneNumber: phone
				})
			}
		}
	}
</script>

<style lang="scss">
	.details{
		
		.swiper{
			width: 750rpx;
			height: 750rpx;
			
			.swiper-item{
				width: 100%;
				height: 100%;
				
				image{
					width: 100%;
					height: 100%;
				}
			}
		}
		
		.text{
			width: 690rpx;
			min-height: 800rpx;
			border-radius: 60rpx;
			position: relative;
			margin: -100rpx auto 100rpx auto;
			background-color: #ffffff;
			padding: 40rpx 50rpx;
			
			.tag{
				width: 12rpx;
				height: 36rpx;
				border-radius: 8rpx;
				background-color: #F77600;
			}
			
			.line-h{
				line-height: 58rpx;
				color: #333333;
				font-size: 28rpx;
			}
		}
		
		.lianxi{
			width: 688rpx;
			height: 120rpx;
			border-radius: 60rpx;
			color: #F77600;
			font-size: 40rpx;
			background: rgba(253, 125, 54, 0.2);
			margin: 50rpx auto;
			
			.icon-dianhuatianchong{
				font-size: 50rpx;
			}
		}
		
	}
</style>
